<template>
  <div class="breadcrumb">
    <el-breadcrumb separator-class="el-icon-arrow-right">
      <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
      <el-breadcrumb-item v-for="(item, index) in breadcrumb" :key="index">{{
        item
      }}</el-breadcrumb-item>
    </el-breadcrumb>
    <!-- <div class="reload">
        <el-button type="danger" round size="mini" @click="$router.go(0)">刷新</el-button>
      </div> -->
  </div>
</template>
<script>
export default {
  name: "sBreadcrumb",
  data() {
    return {};
  },
  computed: {
    breadcrumb() {
      return this.$store.state.menus.breadcrumb;
    }
  },
  props: {},
  methods: {}
};
</script>
<style lang="scss" scoped>
@import "s-breadcrumb.scss";
</style>
